<footer class="mt-32 flex-none">
  <div class="sm:px-8">
    <div class="mx-auto w-full max-w-7xl lg:px-8">
      <div class="border-t border-zinc-100 pb-16 pt-10 dark:border-zinc-700/40">
        <div class="relative px-4 sm:px-8 lg:px-12">
          <div class="mx-auto max-w-2xl lg:max-w-5xl">
            <div class="flex flex-col items-center justify-between gap-6 sm:flex-row">
              <div
                class="flex flex-wrap justify-center gap-x-6 gap-y-1 text-sm font-medium text-zinc-800 dark:text-zinc-200">
                <a class="transition hover:text-teal-500 dark:hover:text-teal-400" href="/about">关于我</a><a
                  class="transition hover:text-teal-500 dark:hover:text-teal-400" href="/projects">作品集</a><a
                  class="transition hover:text-teal-500 dark:hover:text-teal-400"
                  href="https://blog.csdn.net/zweizhao">文章集</a><a
                  class="transition hover:text-teal-500 dark:hover:text-teal-400" href="/uses" target="_blank">工具集</a>
              </div>
              <p class="text-sm text-zinc-400 dark:text-zinc-500">© <!-- -->2024<!-- --> Wubantu. All rights
                reserved.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>